diff --git a/index.html b/index.html
index fcd9647..830f919 100644
--- a/index.html
+++ b/index.html
@@ -80,9 +80,9 @@ <h1 class="hero__heading">
           </h1>
 
           <div class="cta">
-            <a class="btn btn--primary btn--xl" href="docs.html#install" data-i18n="hero.install">立即安装</a>
-            <a class="btn btn--ghost btn--xl" href="docs.html#tutorial" data-i18n="hero.tutorial">使用教程</a>
-            <a class="btn btn--ghost btn--xl" href="https://zulip.ruyicommunity.cn/#narrow/channel/4-RuyiAI" target="_blank" rel="noopener noreferrer" data-i18n="hero.discussion">参与 RuyiAI 社区讨论</a>
+            <a class="btn btn--xl" href="docs.html#install" data-i18n="hero.install">立即安装</a>
+            <a class="btn btn--xl" href="docs.html#tutorial" data-i18n="hero.tutorial">使用教程</a>
+            <a class="btn btn--xl" href="https://zulip.ruyicommunity.cn/#narrow/channel/4-RuyiAI" target="_blank" rel="noopener noreferrer" data-i18n="hero.discussion">参与 RuyiAI 社区讨论</a>
           </div>
         </div>
 
diff --git a/styles.css b/styles.css
index 034fb82..4ddc54c 100644
--- a/styles.css
+++ b/styles.css
@@ -339,6 +339,22 @@ html[lang="zh-CN"] .nav__dropbtn{ letter-spacing: 0.15em; }
   gap: 12px;
   margin-top: 22px;
   flex-wrap: wrap;
+  align-items: center;
+}
+.cta .btn{
+  background: rgba(17, 24, 39, 0.08);
+  color: var(--text);
+  border-color: rgba(15, 23, 42, 0.14);
+  box-shadow: 0 4px 14px rgba(17, 24, 39, 0.06);
+  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
+}
+.cta .btn:hover{
+  background: var(--primary);
+  color: var(--primaryText);
+  border-color: rgba(0, 0, 0, 0.08);
+  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.18);
+  filter: brightness(1.02);
+  transform: translateY(-1px);
 }
 
 /* Buttons */
@@ -364,10 +380,12 @@ html[lang="zh-CN"] .nav__dropbtn{ letter-spacing: 0.15em; }
 }
 .btn--primary:hover{ filter: brightness(1.02); transform: translateY(-1px); }
 .btn--ghost{
-  background: rgba(255,255,255,0.6);
+  background: rgba(17, 24, 39, 0.08);
   color: var(--text);
+  border-color: rgba(15, 23, 42, 0.14);
+  box-shadow: 0 4px 14px rgba(17, 24, 39, 0.06);
 }
-.btn--ghost:hover{ background: rgba(17,24,39,0.04); }
+.btn--ghost:hover{ background: rgba(17, 24, 39, 0.12); }
 
 /* Code card */
 .codecard{