diff --git a/README.md b/README.md
index 46cff91..53b6b1f 100644
--- a/README.md
+++ b/README.md
@@ -22,7 +22,12 @@
 - **Adjustable speed**
 
 ## Download
-...
+<a href="https://github.com/T1ckbase/cs2-rainbow-crosshair/releases/latest">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/T1ckbase/cs2-rainbow-crosshair/refs/heads/main/download-button-dark.svg">
+    <img src="https://raw.githubusercontent.com/T1ckbase/cs2-rainbow-crosshair/refs/heads/main/download-button-light.svg" alt="Download" width="108" height="32">
+  </picture>
+</a>
 
 [id1]: ## "Counter-Strike Global Offensive/game/csgo/cfg/autoexec.cfg"
 ## Usage
diff --git a/download-button-dark.svg b/download-button-dark.svg
new file mode 100644
index 0000000..320c338
--- /dev/null
+++ b/download-button-dark.svg
@@ -0,0 +1,69 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <foreignObject xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+    <style>
+      :root {
+        background: #0000;
+      }
+
+      .fancy-border {
+        --border-size: 1px;
+        pointer-events: none;
+        position: absolute;
+        inset: calc(0px - var(--border-size));
+        padding: var(--border-size);
+        -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
+        mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
+        -webkit-mask-composite: xor;
+        mask-composite: exclude;
+        border-radius: inherit;
+        overflow: hidden;
+      }
+
+      .fancy-border::after { 
+        content: '';
+        background: radial-gradient(100% 100% at right, #8957e5, transparent 50%);
+        position: absolute;
+        aspect-ratio: 2 / 1;
+        transform: translate(-50%, -50%);
+        aspect-ratio: 1;
+        width: 60%;
+        offset-path: border-box;
+        offset-anchor: 50% 0%;
+      }
+
+      .fancy-border::after {
+        animation: journey 16s -10s infinite linear;
+      }
+
+      @keyframes journey {
+        to {
+          offset-distance: 100%;
+        }
+      }
+
+      .download-button {
+        position: absolute;
+        inset: 1px;
+        background: #212830;
+        color: #f0f6fc;
+        border: 1px solid #3d444d;
+        border-radius: 6px;
+      }
+
+      .download {
+        font-size: calc(16vw);
+        font-family: "Cascadia Mono", -apple-system, "BlinkMacSystemFont", "Trebuchet MS", Roboto, Ubuntu, sans-serif;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    </style>
+    <body xmlns="http://www.w3.org/1999/xhtml">
+      <div class="download-button">
+        <div class="fancy-border"></div>
+        <div class="download">Download</div>
+      </div>
+    </body>
+  </foreignObject>
+</svg>
\ No newline at end of file
diff --git a/download-button-light.svg b/download-button-light.svg
new file mode 100644
index 0000000..669fe39
--- /dev/null
+++ b/download-button-light.svg
@@ -0,0 +1,69 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <foreignObject xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+    <style>
+      :root {
+        background: #0000;
+      }
+
+      .fancy-border {
+        --border-size: 1px;
+        pointer-events: none;
+        position: absolute;
+        inset: calc(0px - var(--border-size));
+        padding: var(--border-size);
+        -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
+        mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
+        -webkit-mask-composite: xor;
+        mask-composite: exclude;
+        border-radius: inherit;
+        overflow: hidden;
+      }
+
+      .fancy-border::after { 
+        content: '';
+        background: radial-gradient(100% 100% at right, #8957e5, transparent 50%);
+        position: absolute;
+        aspect-ratio: 2 / 1;
+        transform: translate(-50%, -50%);
+        aspect-ratio: 1;
+        width: 60%;
+        offset-path: border-box;
+        offset-anchor: 50% 0%;
+      }
+
+      .fancy-border::after {
+        animation: journey 16s -10s infinite linear;
+      }
+
+      @keyframes journey {
+        to {
+          offset-distance: 100%;
+        }
+      }
+
+      .download-button {
+        position: absolute;
+        inset: 1px;
+        background: #f6f8fa;
+        color: #25292e;
+        border: 1px solid #d1d9e0;
+        border-radius: 6px;
+      }
+
+      .download {
+        font-size: calc(16vw);
+        font-family: "Cascadia Mono", -apple-system, "BlinkMacSystemFont", "Trebuchet MS", Roboto, Ubuntu, sans-serif;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    </style>
+    <body xmlns="http://www.w3.org/1999/xhtml">
+      <div class="download-button">
+        <div class="fancy-border"></div>
+        <div class="download">Download</div>
+      </div>
+    </body>
+  </foreignObject>
+</svg>
\ No newline at end of file
diff --git a/zh-TW.md b/zh-TW.md
index 1792970..80bc08b 100644
--- a/zh-TW.md
+++ b/zh-TW.md
@@ -21,7 +21,12 @@
 - **可調整速度**
 
 ## 下載
-...
+<a href="https://github.com/T1ckbase/cs2-rainbow-crosshair/releases/latest">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/T1ckbase/cs2-rainbow-crosshair/refs/heads/main/download-button-dark.svg">
+    <img src="https://raw.githubusercontent.com/T1ckbase/cs2-rainbow-crosshair/refs/heads/main/download-button-light.svg" alt="下載" width="108" height="32">
+  </picture>
+</a>
 
 [id1]: ## "Counter-Strike Global Offensive/game/csgo/cfg/autoexec.cfg"
 ## 使用方式
