统一卡片风格并补充缺失的中文翻译

- 统一推荐有礼和合作伙伴卡片的风格，使用与功能设置卡片一致的 n-list 和 n-list-item 结构
- 添加 API key created successfully 的中文翻译
- 添加 Failed to create API key 的中文翻译
- 添加 Partner removed successfully 的中文翻译
- 添加 Failed to remove partner 的中文翻译
- 添加 Delete SSH Key 的中文翻译
- 添加 Only system administrators can edit environment configuration 的中文翻译

src/locales/zh-CN.json

@@ -969,6 +969,7 @@
   "Restart Environment": "重启环境",
   "Restart": "重启",
   "Only system administrators can restart environment": "仅系统管理员可以重启环境",
+  "Only system administrators can edit environment configuration": "仅系统管理员可以查看和编辑环境配置",
   "Are you sure you want to restart the environment? This operation may cause service interruption.": "您确定要重启环境吗？此操作可能导致服务中断。",
   "Environment restart request submitted. The system will restart shortly.": "环境重启请求已提交，系统将在稍后重启。",
   "Failed to restart environment": "重启环境失败",
@@ -1248,6 +1249,8 @@
   "Jingrow API": "Jingrow API",
   "Create New API Key": "创建新的 API 密钥",
   "Regenerate API Key": "重新生成 API 密钥",
+  "API key created successfully": "API 密钥创建成功",
+  "Failed to create API key": "创建 API 密钥失败",
   "You don't have an API key yet. Click the button above to create one.": "您还没有 API 密钥。请点击上方按钮创建一个。",
   "Please copy the API secret now. You won't be able to see it again!": "请立即复制 API 密钥。您将无法再次查看它！",
   "API Secret": "API 密钥",
@@ -1268,6 +1271,8 @@
   "Submit": "提交",
   "Remove Partner": "移除合作伙伴",
   "This will remove the partner associated with your account. Are you sure you want to remove this partner?": "这将移除与您的账户关联的合作伙伴。确定要移除此合作伙伴吗？",
+  "Partner removed successfully": "合作伙伴移除成功",
+  "Failed to remove partner": "移除合作伙伴失败",
   "SSH key added successfully": "SSH 密钥添加成功",
   "Failed to add SSH key": "添加 SSH 密钥失败",
   "SSH key updated successfully": "SSH 密钥更新成功",
@@ -1275,6 +1280,7 @@
   "SSH key deleted successfully": "SSH 密钥删除成功",
   "Failed to delete SSH key": "删除 SSH 密钥失败",
   "Are you sure you want to delete this SSH key?": "确定要删除此 SSH 密钥吗？",
+  "Delete SSH Key": "删除 SSH 密钥",
   "Advanced Features": "高级功能",
   "Enable private benches": "启用私有工作台",
   "Enable security portal": "启用安全门户",

src/views/settings/Settings.vue

@@ -111,30 +111,44 @@
           </n-card>
 
           <!-- 推荐有礼 -->
-          <n-card v-if="referralLink" class="referral-card">
+          <n-card v-if="referralLink">
+            <n-list>
+              <n-list-item>
+                <n-thing>
                   <template #header>
-              <div>
-                <h3 class="text-lg font-semibold">{{ t('Referral Program') }}</h3>
-                <p class="text-sm text-gray-600 mt-1">{{ t('Your exclusive referral link') }}</p>
+                    <span class="text-base font-medium">{{ t('Referral Program') }}</span>
+                  </template>
+                  <template #description>
+                    <span class="text-sm text-gray-600">{{ t('Your exclusive referral link') }}</span>
+                  </template>
+                  <template #action>
+                    <div class="flex flex-col gap-3 items-end">
+                      <ClickToCopyField :textContent="referralLink" />
                     </div>
                   </template>
-            <n-space vertical :size="16">
-              <ClickToCopyField :textContent="referralLink" />
+                </n-thing>
+              </n-list-item>
+            </n-list>
+            <div class="mt-3 pt-3 border-t border-gray-200">
               <p class="text-sm text-gray-700">
                 {{ t('Invite others to join Jingrow,') }}
                 <strong>{{ t('when they register and spend at least ¥100, you will get ¥20') }}</strong>
               </p>
-            </n-space>
+            </div>
           </n-card>
 
           <!-- Jingrow 合作伙伴 -->
-          <n-card v-if="!teamInfo?.jerp_partner" class="partner-card">
+          <n-card v-if="!teamInfo?.jerp_partner">
+            <n-list>
+              <n-list-item>
+                <n-thing>
                   <template #header>
-              <div class="flex items-center justify-between">
-                <div>
-                  <h3 class="text-lg font-semibold">{{ t('Jingrow Partner') }}</h3>
-                  <p class="text-sm text-gray-600 mt-1">{{ t('Jingrow partner associated with your account') }}</p>
-                </div>
+                    <span class="text-base font-medium">{{ t('Jingrow Partner') }}</span>
+                  </template>
+                  <template #description>
+                    <span class="text-sm text-gray-600">{{ t('Jingrow partner associated with your account') }}</span>
+                  </template>
+                  <template #action>
                     <n-button
                       v-if="!teamInfo?.partner_email"
                       @click="showAddPartnerCodeDialog = true"
@@ -154,9 +168,11 @@
                       </template>
                       {{ t('Unlink Partner') }}
                     </n-button>
-              </div>
                   </template>
-            <div class="py-2">
+                </n-thing>
+              </n-list-item>
+            </n-list>
+            <div class="mt-3 pt-3 border-t border-gray-200">
               <p
                 v-if="!teamInfo?.partner_email"
                 class="text-sm text-gray-700"